<template>
<div>
    <h3>双括号表达式</h3>
     <div>{{info}}</div>
     <div>{{info.toUpperCase()}}</div>
     <h3>数据绑定</h3>
     <a :href="web">学习Vue</a>
    <h3>绑定事件监听</h3>
    <p><button @click="study('小米')">学习Vue</button></p>

</div>
 
    
</template>

<script>
export default {
    name:"text1",
    data(){
        return {
            info:'hello word!',
            web:'http://www.baidu.com'
        } 
    },
    methods:{
        study(e){

            alert(`${e}速学成功！`)
        }
    }
    
}
</script>

<style>

</style>